{% load i18n static %}
<!DOCTYPE html>
{% get_current_language as LANGUAGE_CODE %}
<html lang="{{ LANGUAGE_CODE|default:" en-us" }}">

<head>

  <title>{% block title %}{% endblock %}</title>

  <link rel="stylesheet" href="{% static 'css/source-sans-3.css' %}" />
  <link rel="stylesheet" href="{% static 'css/overlayscrollbars.min.css' %}" />
  <link rel="stylesheet" href="{% static 'css/bootstrap-icons.min.css' %}" />
  <link rel="stylesheet" href="{% static 'css/adminlte.min.css' %}" />

  {% block extrastyle %}{% endblock %}

  {% block extrahead %}{% endblock %}

  {% block responsive %}
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  {% endblock %}

  {% block blockbots %}
  <meta name="robots" content="NONE,NOARCHIVE">{% endblock %}
</head>

<body class="layout-fixed sidebar-expand-lg bg-body-tertiary {% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}" data-admin-utc-offset="{% now " Z"
  %}">

  <!-- Container -->
  <div id="container" class="app-wrapper {% block containerclass %}{% endblock %}">

    {% if not is_popup %}
    <!-- Header -->
    {% block header %}

    <nav class="app-header navbar navbar-expand bg-body">
      {% include "admin/header.html" %}
    </nav>

    {% endblock %}
    <!-- END Header -->

    <!-- Sidebar -->

    <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
      {% include "admin/sidebar.html" %}
    </aside>

    <!-- END Sidebar -->

    {% endif %}

    

    <!-- Main -->
    <div class="main app-main {% block mainclass %}{% endblock %}" id="main">

      <div class="app-content-header">
        <!--begin::Container-->
        <div class="container-fluid">
          <!--begin::Row-->
          <div class="row">
            <div class="col-sm-6"><h3 class="mb-0">Dashboard</h3></div>
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-end">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
              </ol>
            </div>
          </div>
          <!--end::Row-->
        </div>
        <!--end::Container-->
      </div>


      <!-- Content Start -->
      <main id="content-start" class="content {% block contentstartclass %}{% endblock %}" tabindex="-1">
        <div class="app-content">

        </div>
      </main>
      <!-- END Content Start -->
    </div>
    <!-- END Main -->
    <footer id="footer" class="app-footer">{% block footer %}{% endblock %}</footer>
  </div>
  <!-- END Container -->

  <script src="{% static 'js/adminlte.min.js' %}"></script>

</body>
</html>